@import 'default';
@import './component/banner';
@import './component/grid';
@import './component/tab';
@import './component/form';

.content{   
    width:1200px;
    height: auto;
    margin:0 auto;
    padding:0px 0 50px;
}
.member-top{
    width:1198px;
    height: 160x;
    padding:30px 0 22px;
    overflow: hidden;
    border:1px solid #e8e8e8;
}
.money{
	background: url(../img/static/money.png) no-repeat;
	width:10px;
	height: 10px;
	display: inline-block;
}
.money-red{
    background: url(../img/static/money-red.png) no-repeat;
    width:10px;
    height: 10px;
    display: inline-block;
    position: relative;
    top:0px;
}
.orange{
    color:#faaa09;
    padding-right:2px;
}
.left-area{
    width:850px;
    padding-left:25px;
    border-right:1px solid #ccc;
    height:160px;
    float: left;
    .user-info{
        width:100px;
        float: left;
        margin-right:60px;
    }
    .user-picture{
        width: 95px;
        height: 95px;
        background: url(../img/static/head.png) no-repeat;
        margin:0 auto;
    }
    .user-level{
        width:100px;
        height:28px;
        line-height: 28px;
        text-align: center;
        background:#f46a00;
        color:#fff;
        margin-top:35px;
        font-size:13px;
    }
    .user-account-info{
        overflow: hidden;
        padding-top:30px;
        width:690px;
        float: left;
    }
    .user-account{
        height: 53px;
    }
    .acoount-cell{
        float: left;
        width:197px;
        height:53px;
        font-size:13px;
        color:#656565;
        line-height: 1em;
        &.pad{
            padding-left:35px;
            border-left: 1px dashed #616b7f;
        }
    }
    .marque-reward{
        width:564px;
        height: 28px;
        background: url(../img/static/circle.png) no-repeat;
        line-height: 28px;
        font-size:13px;
        color:#656565;
        margin-top:45px;
        margin-left:10px;
    }
    .reward-cell-desc{
        display: inline-block;
        padding-left:50px;
        &.first{
            padding-left:40px;
        }
    }
    .vip{
        display: inline-block;
        width: 16px;
        height:12px;
        position: relative;
        top:1px;
        left:2px;
        &.green{
            background: url(../img/static/green.png) no-repeat;
        }
        &.red{
            background: url(../img/static/red.png) no-repeat;
        }
        &.gray{
            background: url(../img/static/gray.png) no-repeat;
        }
    }
    .account-cell-top{
        margin-bottom:25px;
    }
}
.right-area{
    float: left;
    width:322px;
    height:140px;
    padding-top:20px;
    text-align: center;
    .desc{
        line-height: 1em;
        color:#656565;
        font-size:13px;
    }
    .receive-number{
        line-height: 1em;
        font-size:17px;
        color:#ffa804;
        font-weight:bold;
        margin:30px auto 35px;
        .money-red{
            position: relative;
            top:-2px;
        }
    }
    .receiveBtn{
        width:95px;
        height: 28px;
        line-height: 28px;
        font-size:13px;
        color:#fff;
        background:#f46a00;
        margin:0 auto;
    }
}
.vipType{
    margin:23px 30px 15px;
    width:1140px;
    overflow: hidden;
}
.vipType-cell{
    width:188px;
    float: left;
    margin-right:50px;
    &.last{
        margin-right:0;
    }
}
.pay{
    width:125px;
    height:28px;
    background: url(../img/static/open.png) no-repeat;
    line-height: 28px;
    color:#fff;
    text-align: center;
    font-size:13px;
    margin:15px auto 0;
}
.member-title{
    line-height: 44px;
    color:#656565;
    font-size:17px;
    border-bottom:1px solid #e8e8e8;
}
.member-table{
    border-top:1px solid #e8e8e8;
    overflow: hidden;
}
.member-table-cell{
    float: left;
    width:198px;
    text-align: center;
    line-height: 46px;
    font-size:18px;
    color:#656565;
    &.first{
        color:#070300;
    }
}
.member-table-title{
    background:#f4f5f9;
    border:1px solid #e8e8e8;
    border-top:none;
}
.member-table-desc{
    border:1px solid #e8e8e8;
    border-top:none;
    &.red{
        color:#ff0000;
    }
    &.green{
        color:#0d9a27;
    }
    &.spec{
        line-height: 23px;
        font-size:13px;
    }
}
.rule{
    padding-top:20px;
    .rule-desc{
        line-height: 30px;
        font-size:13px;
        color:#656565;
    }
}
.privilege{
    height: 190px;
    border:1px solid #e8e8e8;
    width:1198px;
    margin-top:30px;
    overflow: hidden;
}
.privilege-cell{
    float: left;
    width:198px;
    height:164px;
    padding-top:26px;
    border-right:1px solid #e8e8e8;
    text-align: center;
    &.last{
        border-right:0;
    }
} 
.privilegeImg{
    margin:0 auto;
}
.privilegeTxt{
    line-height: 25px;
    font-size:15px;
    color:#656565;
}